﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="images/favicon.png" type="image/png">
    <title>超市订单管理系统V1.0</title>
    <link href="css/style.default.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
  <script src="js/html5shiv.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>

<body>
    <!-- Preloader -->
    <div id="preloader">
        <div id="status"><i class="fa fa-spinner fa-spin"></i></div>
    </div>
    <section>
        <div class="leftpanel">
            <div class="logopanel">
                <h4>超市订单管理系统</h4>
            </div>
            <!-- logopanel -->
            <div class="leftpanelinner">
                <!-- This is only visible to small devices -->
                <div class="visible-xs hidden-sm hidden-md hidden-lg">
                    <div class="media userlogged">
                        <img alt="" src="images/photos/loggeduser.png" class="media-object">
                        <div class="media-body">
                            <h4>John Doe</h4>
                            <span>"Life is so..."</span>
                        </div>
                    </div>
                    <h5 class="sidebartitle actitle">Account</h5>
                    <ul class="nav nav-pills nav-stacked nav-bracket mb30">
                        <li><a href="profile.html"><i class="fa fa-user"></i> <span>Profile</span></a></li>
                        <li><a href="signout.html"><i class="fa fa-sign-out"></i> <span>Sign Out</span></a></li>
                    </ul>
                </div>
                <h5 class="sidebartitle">功能选项</h5>
                <ul class="nav nav-pills nav-stacked nav-bracket">
                    <li class="active"><a href="index.html"><i class="fa fa-home"></i> <span>主页</span></a></li>
                    <li><a href="add-userIndex.html"><i class="fa fa-user"></i> <span>员工管理</span></a></li>
                    <li><a href="add-supplierIndex"><i class="fa fa-male"></i> <span>供应商管理</span></a></li>
                    <li><a href="add-orderIndex"><i class="fa fa-book"></i> <span>订单管理</span></a></li>
                    <li><a href="recycle.html"><i class="fa fa-recycle"></i> <span>回收站</span></a></li>
                </ul>
                <div class="infosummary">
                    <h5 class="sidebartitle">Information Summary</h5>
                    <ul>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">Daily Traffic</span>
                                <h4>630, 201</h4>
                            </div>
                            <div id="sidebar-chart" class="chart"></div>
                        </li>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">Average Users</span>
                                <h4>1, 332, 801</h4>
                            </div>
                            <div id="sidebar-chart2" class="chart"></div>
                        </li>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">Disk Usage</span>
                                <h4>82.2%</h4>
                            </div>
                            <div id="sidebar-chart3" class="chart"></div>
                        </li>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">CPU Usage</span>
                                <h4>140.05 - 32</h4>
                            </div>
                            <div id="sidebar-chart4" class="chart"></div>
                        </li>
                        <li>
                            <div class="datainfo">
                                <span class="text-muted">Memory Usage</span>
                                <h4>32.2%</h4>
                            </div>
                            <div id="sidebar-chart5" class="chart"></div>
                        </li>
                    </ul>
                </div>
                <!-- infosummary -->
            </div>
            <!-- leftpanelinner -->
        </div>
        <!-- c -->
        <div class="mainpanel">
            <div class="headerbar">
                <a class="menutoggle"><i class="fa fa-bars"></i></a>
                <div class="header-right">
                    <ul class="headermenu">
                        <li>
                            <div class="btn-group">
                                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                                    <img src="images/photos/loggeduser.png" alt="" /> John Doe
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-usermenu pull-right">
                                    <li><a href="profile.html"><i class="glyphicon glyphicon-user"></i> My Profile</a></li>
                                    <li><a href="signin.html"><i class="glyphicon glyphicon-log-out"></i> Log Out</a></li>
                                </ul>
                            </div>
                        </li>
                        
                    </ul>
                </div>
                <!-- header-right -->
            </div>
            <!-- headerbar -->
            <div class="pageheader">
                <h2><i class="fa fa-home"></i>主页<span>子页面...</span></h2>
                <div class="breadcrumb-wrapper">
                    <span class="label">当前页</span>
                    <ol class="breadcrumb">
                        <li><a href="index.html">管理系统</a></li>
                        <li class="active">主页</li>
                    </ol>
                </div>
            </div>
            <div class="contentpanel">
                <div class="row">
                    <div class="col-sm-6 col-md-3">
                        <div class="panel panel-success panel-stat">
                            <div class="panel-heading">
                                <div class="stat">
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <img src="images/is-user.png" alt="" />
                                        </div>
                                        <div class="col-xs-8">
                                            <small class="stat-label">用户总数</small>
                                            <h1>90</h1>
                                        </div>
                                    </div>
                                    <!-- row -->
                                    <div class="mb15"></div>
                                    <div class="row">
                                        <div class="col-xs-6">
                                            <small class="stat-label">管理员</small>
                                            <h4>10</h4>
                                        </div>
                                        <div class="col-xs-6">
                                            <small class="stat-label">普通员工</small>
                                            <h4>80</h4>
                                        </div>
                                    </div>
                                    <!-- row -->
                                </div>
                                <!-- stat -->
                            </div>
                            <!-- panel-heading -->
                        </div>
                        <!-- panel -->
                    </div>
                    <!-- col-sm-6 -->
                    <div class="col-sm-6 col-md-3">
                        <div class="panel panel-danger panel-stat">
                            <div class="panel-heading">
                                <div class="stat">
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <img src="images/is-document.png" alt="" />
                                        </div>
                                        <div class="col-xs-8">
                                            <small class="stat-label">商品总数</small>
                                            <h1>4545</h1>
                                        </div>
                                    </div>
                                    <!-- row -->
                                    <div class="mb15"></div>
                                    <small class="stat-label">本月最热销商品</small>
                                    <h4>蓝月亮洗衣液</h4>
                                </div>
                                <!-- stat -->
                            </div>
                            <!-- panel-heading -->
                        </div>
                        <!-- panel -->
                    </div>
                    <!-- col-sm-6 -->
                    <div class="col-sm-6 col-md-3">
                        <div class="panel panel-primary panel-stat">
                            <div class="panel-heading">
                                <div class="stat">
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <img src="images/is-document.png" alt="" />
                                        </div>
                                        <div class="col-xs-8">
                                            <small class="stat-label">供应商总数</small>
                                            <h1>150</h1>
                                        </div>
                                    </div>
                                    <!-- row -->
                                    <div class="mb15"></div>
                                    <small class="stat-label">本月供货最多商家</small>
                                    <h4>康师傅</h4>
                                </div>
                                <!-- stat -->
                            </div>
                            <!-- panel-heading -->
                        </div>
                        <!-- panel -->
                    </div>
                    <!-- col-sm-6 -->
                    <div class="col-sm-6 col-md-3">
                        <div class="panel panel-dark panel-stat">
                            <div class="panel-heading">
                                <div class="stat">
                                    <div class="row">
                                        <div class="col-xs-4">
                                            <img src="images/is-money.png" alt="" />
                                        </div>
                                        <div class="col-xs-8">
                                            <small class="stat-label">本月销售总额</small>
                                            <h1>¥650000</h1>
                                        </div>
                                    </div>
                                    <!-- row -->
                                    <div class="mb15"></div>
                                    <div class="row">
                                        <div class="col-xs-6">
                                            <small class="stat-label">上一周</small>
                                            <h4>¥6500</h4>
                                        </div>
                                        <div class="col-xs-6">
                                            <small class="stat-label">上个月</small>
                                            <h4>¥850000</h4>
                                        </div>
                                    </div>
                                    <!-- row -->
                                </div>
                                <!-- stat -->
                            </div>
                            <!-- panel-heading -->
                        </div>
                        <!-- panel -->
                    </div>
                    <!-- col-sm-6 -->
                </div>
                <!-- row -->
                <div class="row">
                    <div class="col-sm-8 col-md-9">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <div class="row">
                                    <div class="col-sm-8">
                                        <h5 class="subtitle mb5">网格展示</h5>
                                        <p class="mb15">各类商品一星期内的销售量</p>
                                        <div id="basicflot" style="width: 100%; height: 300px; margin-bottom: 20px"></div>
                                    </div>
                                    <!-- col-sm-8 -->
                                    <div class="col-sm-4">
                                        <h5 class="subtitle mb5">供应商占比</h5>
                                        <p class="mb15">供货商近一个月的供货占比（%）</p>
                                        <span class="sublabel">康师傅 10%</span>
                                        <div class="progress progress-sm">
                                            <div style="width: 10%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-primary"></div>
                                        </div>
                                        <!-- progress -->
                                        <span class="sublabel">蓝月亮 32%</span>
                                        <div class="progress progress-sm">
                                            <div style="width: 32%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success"></div>
                                        </div>
                                        <!-- progress -->
                                        <span class="sublabel">宝洁 82%</span>
                                        <div class="progress progress-sm">
                                            <div style="width: 82%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-danger"></div>
                                        </div>
                                        <!-- progress -->
                                        <span class="sublabel">智能家居 63%</span>
                                        <div class="progress progress-sm">
                                            <div style="width: 63%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-warning"></div>
                                        </div>
                                        <!-- progress -->
                                        <span class="sublabel">康佳 20%</span>
                                        <div class="progress progress-sm">
                                            <div style="width: 20%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success"></div>
                                        </div>
                                        <!-- progress -->
                                        <span class="sublabel">其他 26%</span>
                                        <div class="progress progress-sm">
                                            <div style="width: 26%" aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" role="progressbar" class="progress-bar progress-bar-success"></div>
                                        </div>
                                        <!-- progress -->
                                    </div>
                                    <!-- col-sm-4 -->
                                </div>
                                <!-- row -->
                            </div>
                            <!-- panel-body -->
                        </div>
                        <!-- panel -->
                    </div>
                    <!-- col-sm-9 -->
                    <div class="col-sm-4 col-md-3">
                        <div class="panel panel-default">
                            <div class="panel-body">
                                <h5 class="subtitle mb5">分布图</h5>
                                <p class="mb15">员工所在地分布</p>
                                <div id="donut-chart2" class="ex-donut-chart"></div>
                            </div>
                            <!-- panel-body -->
                        </div>
                        <!-- panel -->
                    </div>
                    <!-- col-sm-3 -->
                </div>
                <!-- row -->
                <!-- row -->
                <div class="row">
                    <!-- col-sm-6 -->
                    <!-- col-sm-6 -->
                    <!-- panel -->
                    <div class="mb20"></div>
                    <div class="row">
                        <div class="col-xs-3">
                            <div class="panel panel-warning panel-alt widget-today">
                                <div class="panel-heading text-center">
                                    <i class="fa fa-calendar-o"></i>
                                </div>
                                <div class="panel-body text-center">
                                    <h3 class="today">Fri, Dec 13</h3>
                                </div>
                                <!-- panel-body -->
                            </div>
                            <!-- panel -->
                        </div>
                        <div class="col-xs-3">
                            <div class="panel panel-danger panel-alt widget-time">
                                <div class="panel-heading text-center">
                                    <i class="glyphicon glyphicon-time"></i>
                                </div>
                                <div class="panel-body text-center">
                                    <h3 class="today">4:50AM PST</h3>
                                </div>
                                <!-- panel-body -->
                            </div>
                            <!-- panel -->
                        </div>
                        <div class="col-xs-6" id="bobo">
                             
                                <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?" >  
                                    <param name="movie" value="http://cdn.abowman.com/widgets/hamster/hamster.swf?">  
                                    <param name="AllowScriptAccess" value="always">  
                                    <param name="wmode" value="opaque"> 
                                    <param name="play" value="1"> 
                                </object>  

                        </div>

                    </div>
                </div>
                <!-- col-sm-6 -->
            </div>
        </div>
        <!-- contentpanel -->
        </div>
        <!-- mainpanel -->
        <div class="rightpanel">
            <!-- Nav tabs -->
            <ul class="nav nav-tabs nav-justified">
                <li class="active"><a href="#rp-alluser" data-toggle="tab"><i class="fa fa-users"></i></a></li>
                <li><a href="#rp-favorites" data-toggle="tab"><i class="fa fa-heart"></i></a></li>
                <li><a href="#rp-history" data-toggle="tab"><i class="fa fa-clock-o"></i></a></li>
                <li><a href="#rp-settings" data-toggle="tab"><i class="fa fa-gear"></i></a></li>
            </ul>
            <!-- Tab panes -->
            <!-- tab-content -->
        </div>
        <!-- rightpanel -->
    </section>
    <script src="js/jquery-1.11.1.min.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/jquery-ui-1.10.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/modernizr.min.js"></script>
    <script src="js/jquery.sparkline.min.js"></script>
    <script src="js/toggles.min.js"></script>
    <script src="js/retina.min.js"></script>
    <script src="js/jquery.cookies.js"></script>
    <script src="js/flot/jquery.flot.min.js"></script>
    <script src="js/flot/jquery.flot.resize.min.js"></script>
    <script src="js/flot/jquery.flot.spline.min.js"></script>
    <script src="js/morris.min.js"></script>
    <script src="js/raphael-2.1.0.min.js"></script>
    <script src="js/custom.js"></script>
    <script src="js/dashboard.js"></script>
    <script src="js/vue.js"></script>
    <div class="footer" style="text-align: center;">
        &copy; 2018. All Rights Reserved. 超市订单管理系统
    </div>
</body>

</html>